<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href = "<?php echo base_url(); ?>"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $shop['name'] ?></title>

<?php
	include 'public/views/header.php';
	include 'public/home/html/alert.php';
	include 'public/home/html/lazy_load.php';
?>
<script src="public/home/js/function.js"></script>
<script src="public/home/js/shop.js"></script>
<!-- 微信jssdk -->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<style>
	body{
	    background-color: white;
	    max-width:400px;
		margin:auto;
	}
	a{
		color:#333;
		text-decoration: none;
	}
	/*顶部，标题*/
	.head{
		width: 100%;
		height: 60px;
		background: #f2f2f2;
	}
	.head .col-xs-3,.head .col-xs-6{
		height:60px;
	}
	.head .col-xs-6{
		text-align: center;
	}
	.head .col-xs-3 img{
		height: 26px;
		width: 30px;
		margin-top: 17px;
	}
	.head .col-xs-6 img{
		height: 50px;
		width: auto;
		 margin-top: 5px;
	}
	/*展示图片*/
	.shop-img{
		height:150px;
		width:100%;
	}
	/*详细内容*/
	.shop-content{
		height:auto;
		line-height: 25px;
		width:88%;
		margin-left: 6%;
		margin-top:40px;
	}
	.shop-content img{
		height:21px;
		width:23px;
		margin-right:5px;
	}
	.shop-name{
	    font-size:14px;
	    font-weight: bold;
	    word-wrap : break-word ;
	}
	.shop-address{
	    color:#898989;
	}
	.shop-trading-info{
	    color:#898989;
	}
	.shop-share{
	    float: right;
	}
	/*导航（获取路线）按钮*/
	.navigation{
		margin-top: 40px;
		width:88%;
		margin-left: 6%;
		border:none;
		outline: none;
		height:35px;
		color:white;
		background-color: #2A3C46;
		border-radius: 4px;
	}


	/*分享*/
	.share-zhezhao{
	    background:rgba(0,0,0,0.6);
	    position: fixed;
	    z-index:999;
	    display: none;
	    top:0px;
	    left:0px;
	}
	.share-arrow{
	    height:150px;
	    width:150px;
	    position: fixed;
	    top:10px;
	    right:10px;
	    z-index: 1000;
	    display: none;
	}
	.share-arrow i{
	    font-size: 80px;
	    color:white;
	    float: right;
	}
	.share-arrow p{
	    font-size: 14px;
	    color:white;
	    float: right;
	    margin-top: 10px;
	}
</style>
</head>
<body>
	<input type="hidden" id="park_id" value="<?php echo $park_id ?>"/>
	<input type="hidden" id="shop_img" value="<?php echo $shop['img'] ?>"/>
	<input type="hidden" id="long" value="<?php echo $shop['long'] ?>"/>
	<input type="hidden" id="lat" value="<?php echo $shop['lat'] ?>"/>
	<!-- 头部标题（logo） -->
    <div class="head">
        <div class="col-xs-3"><img src="<?php echo base_url().'/public/home/images/pic/'?>detail.png" alt="" class="show-index"></div>
        <div class="col-xs-6"><img src="<?php echo $_SESSION[SESS_CONFIG][DicKey::Logo[XPHEnum::Value]]['dic_value'] ?>" alt=""></div>
        <div class="col-xs-3"></div>
    </div>
    <!-- 展示图片 -->
    <?php if (isset($shop['img'])&&$shop['img']!=''): ?>
    <img src="<?php echo $shop['img'] ?>" data-src="<?php echo $shop['img'] ?>" alt="" class="shop-img"/>	
    <?php endif ?>
    
    <!-- 详细内容 -->
    <div class="shop-content">
    	<div class="shop-name"><?php echo $shop['name'] ?></div>
    	<div class="shop-address">
    		<img src="public/home/images/shop-address.png" alt="" />
    		<lable><?php echo $shop['address'] ?></lable>
    	</div>
    	<div class="shop-trading-info">
    		<img src="public/home/images/shop-trading-info.png" alt="" />
    		<lable><?php echo $shop['trading_info'] ?></lable>
    	</div>
    	<div class="shop-func">
    	    <?php if (!isNullOrEmpty($_SESSION[SESS_CONFIG][DicKey::RobotUrl[XPHEnum::Value]]['dic_value'])): ?>
            <img src="public/home/images/shop-robort.png" alt="" /><a class="robot" href="<?php echo $_SESSION[SESS_CONFIG][DicKey::RobotUrl[XPHEnum::Value]]['dic_value'] ?>"><u>问答机器人</u></a>&nbsp;&nbsp;    
            <?php endif ?>
            
    	    <img src="public/home/images/shop-email.png" alt="" /><a href="<?php echo base_url() ?>Home/Shop/leaveMsg?park_id=<?php echo $park_id ?>"><u>邮箱</u></a>
    	    <span class="shop-share"><img src="public/home/images/shop-share.png" alt="" /><u data-index="" onclick="showShare()">分享</u></span>
    	</div>
    </div>
    <button class="navigation">获取路线</button>



    <div class="share-zhezhao"></div>
    <div class="share-arrow">
        <i class="icon-hand-up"></i>
        <p>点击菜单选择分享</p>
    </div>


    	<!-- index iframe -->
    	<div class="zhezhao" style="position:fixed; z-index:999; background: rgba(0,0,0,0.5); display: none; top:0px; left:0px;"></div>
    	<iframe class="index-iframe" src="<?php echo base_url() ?>Home/Index/Index?park_id=<?php echo $_GET['park_id'] ?>" frameborder="0" style="position: fixed; z-index:1000; top:0px;"></iframe>
    </body>
    <script>
    	$(function(){
    		$('.index-iframe').css('left','-'+(Number($(window).width())*0.8)+'px').width(Number($(window).width())*0.8);
    		setWindow();
			$(window).resize(function(){
				setWindow();
			});
    		$('.show-index').click(function(){
    			$('.zhezhao').show();
    			$('.index-iframe').animate({left:'0px'});
    		});
    	})
    	function setWindow(){
    		$('.zhezhao').height($(window).height()).width($(window).width());
			$('.index-iframe').height($(window).height());
    	}
    </script>
</html>